<template>
  <view class="container flex-1 flex flex-col">
    <video
      :autoplay="false"
      :muted="false"
      @ended="end"
      :controls="true"
      :show-play-btn="false"
      :show-fullscreen-btn="false"
      :show-center-play-btn="true"
      id="myVideo"
      class="flex-1 w-full"
      src="https://vod.lclook.com/sv/3e80bb81-19072834ca8/3e80bb81-19072834ca8.mp4"
    ></video>
  </view>
</template>

<script setup lang="ts">
import { onLoad, onReady } from "@dcloudio/uni-app";
import { ref, reactive } from "vue";

const videoContext = ref(null);
onReady(() => {
  videoContext.value = uni.createVideoContext("myVideo");
  // videoContext.value.play();
});

const end = () => {
  uni.redirectTo({ url: "/pages/ai/choose" });
};
</script>

<style lang="scss" scoped>
.bg-img {
  background: url("https://lc-ocean.oss-cn-guangzhou.aliyuncs.com/ocean-2024/uploads/bg/eee.gif")
    no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
</style>
